<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE html>

<html>
	<head>

		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

		<title>仪器共享</title>

		<meta name="keywords" content="科研仪器，生命科学仪器，环境检测仪器，实验常用设备，分析仪器">

		<meta name="description" content="中国领先的科研仪器共享平台，让您快速找到各种类型的科学研究仪器。提升闲置仪器利用率，产生更大科研价值。涵盖：生命科学仪器、环境检测仪器、实验常用设备、分析仪器、仪表、物性测试、测量/计量仪器、在线及过程控制仪器。

">
		<link rel="stylesheet" href="new_css/bookingOrderDetail.css">
		<script src="new_js/jquery-1.11.3.js"></script>
		<link rel="stylesheet" href="css/reset.css">
		<link rel="stylesheet" href="css/common.css">
		<script src="method/dwy/new2new2_add2add2.js"></script>
		<script >
		$(document).ready(function(){
		 serviceDetail(GetQueryString("serviceId"))
		//detailOrder(GetQueryString("id"));
	    $("#btnget").click(function(){
		   tongyi(GetQueryString("serviceId"));
	    })
	    $("#denyget").click(function(){
		   deny(GetQueryString("serviceId"));
	    })
		;
		  //serviceListCheck();
		 //notice(GetQueryString("id"));
		 //insinfodetail(GetQueryString("id"))
		})
		function GetQueryString(name) {
				var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
				var r = window.location.search.substr(1).match(reg);
				if(r != null) return unescape(r[2]);
				return null;
			}
		</script>
		<script>
			$(function() {
				$('#front_header .header_wrap .right').hover(function() {
					$('#front_header .header_wrap .right .main .icon img').attr('src', 'images/icon2.png');
					$('#front_header .header_wrap .right .out').show();
				}, function() {
					$('#front_header .header_wrap .right .main .icon img').attr('src', 'images/icon1.png');
					$('#front_header .header_wrap .right .out').hide();
				});
				$('#sorts').on('mouseover', 'li', function() {
					$(this).find('span img').attr('src', 'images/icon4.png');
				});
				$('#sorts').on('mouseout', 'li', function() {
					$(this).find('span img').attr('src', 'images/icon5.png');
				});

				$('.mainList .content .left li').click(function() {
					$(this).addClass('selected').siblings().removeClass('selected');
				});
			});
		</script>

		<style>
			.mainList .content .right .box ul li input {
				width: 480px;
				height: 54px;
				padding-left: 20px;
				outline: none;
			}
			.mainList .content .right .box {
				margin-top: 28px;
				 border-bottom: none !important;
			}
			.mainList .content .right .box ul li label {
				width: 127px;
				display: inline-block;
			}

			.mainList .content .right button {
				width: 196px;
				height: 62px;
				text-align: center;
				line-height: 62px;
				background: #ff8a00;
				border: none;
				color: #fff;
				font-size: 26px;
				border-radius: 8px;
				-webkit-border-radius: 8px;
				-moz-border-radius: 8px;
				margin-left: 168px;
				margin-top: 20px;
				margin-bottom: 30px;
			}
		</style>

	</head>

	<body style="background:#fff;">

	<!--header-->
	<%@include file="/header5.jsp"%>
		<div class="mainList">
			<div class="bNav">您的位置：审核服务 > <span>查看详情</span></div>
			<div class="content">
				<div class="right">
					<div class="title"><span>审核服务</span></div>
					<div class="box">
						<ul>
							<li>
								<label>服务名称</label>
								<input type="text" name="" id="1"  value="" />
							</li>
							<li>
								<label class="fl">增加图片</label>
								<div class="box-box-img fl" id="sort" style="width: 503px;height: 150px;border: 1px solid #2222;border-radius: 5px; vertical-align: middle">
									<img src="sy_syh.png">
								</div>

							</li>
							<li class="clearfix">
								<label style="">服务机构</label>
								<input type="text" name="" id="2"   value="" />
							</li>

							<li>
								<label>服务内容</label>
								<textarea rows="10" cols="68" id="3" ></textarea>

							</li>
							<li>
								<label>服务收费</label>
								<input type="text" name="" id="4"   value="" />
							</li>
							<li>
								<label>联系人</label>
								<input type="text" name="" id="5"   value="" />
							</li>
							<li>
								<label>联系电话</label>
								<input type="text" name=""  id="6"  value="" />
							</li>
							<li>
								<label>地址</label>
								<input type="text" name="" id="7"   value="" />
							</li>
							<li>
								<label>服务结构获取时间</label>
								<input type="text" name="" id="8"   value="" />
							</li>

							<li class="clearfix">
								<label><span style="color: red; vertical-align: middle; margin-right: 3px">*</span>有限日期</label>
								<input type="text" name="" id="9"   value=""  style="width: 214px;"/>到
								<input type="text" name="" id="10"   value="" style="width: 223px;"/>

							</li>

							<li class="clearfix">
								<label class="fl">增加使用仪器</label>
								<table id="serviceDetail">
									<tr>
										<th>序号</th>
										<th>仪器名称</th>
										<th>数量</th>
										<th>预算费用</th>
										<th>样品要求</th>
									</tr>
									<tr>
										<td>1</td>
										<td>元素测定</td>
										<td>1</td>
										<td>150</td>
										<td></td>
									</tr>
									<tr>
										<td>2</td>
										<td>元素测定</td>
										<td>1</td>
										<td>150</td>
										<td></td>
									</tr>
								</table>
							</li>
						</ul>
					</div>
					<div id="butt">
					</div>
				</div>
			</div>

		</div>

		<!--footer-->
		<footer>
			<div class="foot clearfix">
				<p>&copy; 2015-2020 科研仪器 版权所有 技术支持：科研仪器共享平台 支持电话：010-123658987 </p>
			</div>
		</footer>

		<script src="js/jquery-1.11.3.js"></script>
		<script src="js/common.js"></script>
<style>
	.mainList .content .right {
		width: 1158px;
		float: right;
		height: 100%;
		border: 1px solid #d3d3d3;
		margin-bottom: 30px;
	}
	div#sort img {
    width: 150px;
    height: 150px;
	}
	</style>
	</body>

</html>